<%-- 
    Document   : plantilla_index
    Created on : 16-jun-2011, 23:48:34
    Author     : Endika
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Ocio Vitoria-Gasteiz</title>
        <link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="css/estiloMenu.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/estiloEventos.css" media="screen" />
        <!--Libreria jQuery-->
        <script type="text/javascript" src="js/jquery-latest.js"></script>
        <!--Para el lightbox-->
        <script type="text/javascript" src="js/slimbox2.js"></script>
        <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
        <!--Para el modal box-->
        <link href="css/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
        <script src="js/facebox.js" type="text/javascript"></script> 
        <script type="text/javascript">
        jQuery(document).ready(function($) {
            $('a[rel*=facebox]').facebox()
            $.facebox.settings.opacity = 0.8;
        }) 
        </script>
        <!--Para el estilo del contacto-->
        <link rel="stylesheet" href="css/estilo_contacto.css" type="text/css" media="screen"/>
    </head>
    <body>
        <div id="templatemo_top_section">
    	<div class="templatemo_container">
            <div id="templatemo_header">
                <div id="template_img">
                <img src="images/titulo33.png"/>
                </div>
                    <div id="templatemo_social">
                    	<a href="#">
                        	<img src="images/facebook.png" alt="RSS" />
                        </a>

                        <a href="#">
                        	<img src="images/tuenti.png" alt="Delicious" />
                        </a>

                        <a href="#">
                        	<img src="images/templatemo_twitter.png" alt="Twitter" />
                        </a>
                    </div>
                
               
          <div id="menu">
<!-- Menu-->
    <ul id="nav">
	<li class="top"><a href="index.jsp" class="top_link2"><span>Inicio</span></a></li>
	<li class="top"><a href="#nogo2" id="products" class="top_link"><span class="down">Música</span></a>
		<ul class="sub">
			<li><a href="#nogo3" >Conciertos</a></li>
                        <li><a href="#nogo4" >Festivales</a></li>
                        <li><a href="#nogo5" >Pubs</a></li>
		</ul>
	</li>
	<li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Teatro</span></a>
		<ul class="sub">
			<li><a href="contact.php">Obras de teatro</a></li>
			<li><a href="#nogo24">Danza</a></li>
			<li><a href="#nogo25">Ballet</a></li>
			<li><a href="#nogo26">Opera</a></li>

		</ul>
	</li>
	<li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down2">Cine</span></a>
		<ul class="sub">
			<li><a href="#nogo28">Guridi</a></li>
			<li><a href="#nogo29">Boulevard</a>
                        <li><a href="#nogo29">Florida</a>
                        <li><a href="#nogo29">Yelmo cines </a>

		</ul>
	</li>

	<li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Arte</span></a>
		<ul class="sub">
			<li><a href="#nogo54">Artium</a></li>
			<li><a href="#nogo55">Montermoso</a></li>
			<li><a href="#nogo56">Otros</a></li>
                </ul>
	</li>
        <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Planes</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Visitas Guiadas</a></li>
			<li><a href="#nogo65">Excursiones</a></li>
			<li><a href="#nogo66">Anillo Verde</a></li>
                        <li><a href="#nogo65">Espectaculos</a></li>
			<li><a href="#nogo66">Ferias</a></li>
                </ul>
	</li>
         <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Deportes</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Campeonatos</a></li>
			<li><a href="#nogo65">Alaves</a></li>
			<li><a href="#nogo66">Baskonia</a></li>

                </ul>
	</li>
          <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Centros Civicos</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Gauekoak</a></li>
			<li><a href="#nogo65">Actividades</a></li>

                </ul>

       	</li>
        <li class="top"><a href="#nogo63" id="shop" class="top_link"><span class="down">Varios</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Concursos</a></li>
			<li><a href="#nogo65">Educacion</a></li>
			<li><a href="#nogo66">Telefonos</a></li>
                        <li><a href="#nogo65">Farmacias</a></li>
			<li><a href="#nogo66">Transportes</a></li>
                </ul>
	</li>
         <li class="top"><a href="#nogo63" id="shop" class="top_link3"><span class="down">De Fiesta</span></a>
		<ul class="sub">
			<li><a href="#nogo64">Pintxo Pote</a></li>
			<li><a href="#nogo65">Salas</a></li>
			<li><a href="#nogo66">Fiestas Populares</a></li>
                        <li><a href="#nogo65">La Blanca</a></li>
		</ul>
	</li>

        </ul>
              </div>
            </div>
        </div><!-- End Of Container -->
	</div><!-- End Of Top Section --> 
        
   
   
   
   
   <div id="templatemo_middle_section">
         
    	<div class="templatemo_container">
            
            <div class="templatemo_content_area">
                <div id="titulo_eventos">
                        <img src="images/tipo_eventos.png"/>
                    </div>
                
                
                 
                 <div id="bloque_evento">
                     <a href="images/fiestas.jpg" rel="lightbox" title="Pequeña descripcion">
                        <img src="images/fiestas.jpg" alt="Single Image"/>
                    </a>
                    
                    <div id="texto_bloque">
                        <a href="http://www.google.com">
                        <h>
                            Fiestas de vitoria:
                        </h>
                        </a>
                        <p>
                            Son unas fiestas muy divertidas que se llenan de blusas y de borrachos
                        </p>
                    </div>
                </div>
                <div id="bloque_evento">
                      <a href="index.html" rel="facebox" >
                        <img src="images/fiestas.jpg" alt="Single Image"/>
                    </a> 
                    
                    <div id="texto_bloque">
                        <a href="http://www.google.com">
                        <h>
                            Fiestas de vitoria:
                        </h>
                        </a>
                        <p>
                            Son unas fiestas muy divertidas que se llenan de blusas y de borrachos
                        </p>
                    </div>
                </div>
                 
    </div><!--End of Content Area--> 
           
        </div><!-- End Of Container  -->
    </div><!-- End Of Mid Section -->
    
    
    
    
    <div id="templatemo_middle_section_2">
    	<div class="templatemo_container">
        	<div id="templatemo_middle_content">
       	  <div class="templatemo_three_col left_col bottom_section">
                	<div class="templatemo_title">
                    	<h1>Capital Verde Europea</h1>
                    </div>
              <p>El día 21 de octubre de 2010 le fue concedida 
                      a la ciudad de Vitoria-Gasteiz el premio 
                      European Green Capital 2012. Con el mismo la 
                      Comisión Europea reconoce la labor de la ciudad 
                      en materias medioambientales y la corona como 
                      ejemplo europeo de sostenibilidad urbana durante 
                      el citado año.</p>
                 
              <div class="templatemo_h_line">
                  
               <a id="enlace_azul" href="vitoria_verde.jsp">&raquo;Ver mas...</a>
               <div class="templatemo_h_line">
                    </div>
          </div>
                 </div>

                <div class="templatemo_three_col bottom_section bottom_middle_col">
                    <div class="logo_vitoria_verde">
                    <img src="images/vitoria_verde.jpeg"/>
                    </div>
                        	<div class="cleaner_width_left"></div>
                        	
                                <div class="cleaner_width_right"></div>      
                </div>
 
            	<div class="templatemo_three_col right_col bottom_section">
                	<div class="templatemo_title">
                    	<h3>Contacata con nosotros</h3>
                    </div>
                    <p>Puedes encontrarnos en Tuenti, Facebook, Twitter además de 
                        nuestro correo electronico.</p>
                        
                    <div class="templatemo_h_line">
                    </div>
                      <a id="enlace_azul" href="contacto.jsp" rel="facebox">&raquo; Contacto</a>
                    
                    <div class="templatemo_h_line">
                    </div>

                 </div>

                <div class="cleaner"></div>
            </div>
	    </div><!-- End Of Container  -->
    </div><!-- End Of Mid Section 2 -->

	<div id="templatemo_footer">
            <div class="logo_abajo">
                    <img src="images/titulo33_abajo.png"/>
                    </div>
      	Copyright ©  <a href="#">ociovitoria.com</a> |
        <a href="plantilla_index.jsp" target="_parent">Endika Sanchez & Hodei López</a>

    </div>
<!--  Free CSS Templates by TemplateMo.com  -->
